import React from 'react';

export default ({
  width = 35,
  height = 35,
  className,
  style,
}: {
  width?: number;
  height?: number;
  className?: string;
  style?: React.CSSProperties;
}) => (
  <svg
    aria-label="CodeSandbox"
    role="presentation"
    x="0px"
    y="0px"
    className={className}
    width={typeof width === 'number' ? `${width}px` : width}
    height={typeof height === 'number' ? `${height}px` : height}
    viewBox="0 0 452 452"
    style={{ verticalAlign: 'middle', ...style }}
  >
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M0 452h452V0H0v452zm405.773-46.227V46.227H46.227v359.546h359.546z"
      fill="currentColor"
    />
  </svg>
);

export const LogoFull = props => {
  return (
    <svg
      width="141"
      height="20"
      viewBox="0 0 623 88"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M0 88H88V0H0V88ZM79 79V9H9V79H79Z"
        fill="#fff"
      />
      <path
        d="M179.17 51.7467H169.691C168.314 60.3341 162.562 65.2758 154.623 65.2758C144.091 65.2758 137.205 57.0936 137.205 44.0505C137.205 31.1695 143.848 22.8252 154.056 22.8252C162.319 22.8252 167.747 27.686 169.286 36.4353H178.764C176.901 23.6353 166.613 15.291 153.732 15.291C138.258 15.291 127.564 28.091 127.564 44.0505C127.564 60.4961 138.501 72.81 153.975 72.81C166.856 72.81 177.225 64.5467 179.17 51.7467Z"
        fill="#fff"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M222.663 51.7467C222.663 40.81 215.128 30.6834 202.814 30.6834C190.501 30.6834 182.966 40.81 182.966 51.7467C182.966 62.6834 190.501 72.81 202.814 72.81C215.128 72.81 222.663 62.6834 222.663 51.7467ZM192.283 51.7467C192.283 43.0784 196.09 37.2455 202.814 37.2455C209.62 37.2455 213.427 43.0784 213.427 51.7467C213.427 60.3341 209.62 66.248 202.814 66.248C196.09 66.248 192.283 60.3341 192.283 51.7467Z"
        fill="#fff"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M257.122 63.4935H256.879C254.935 69.0834 250.236 72.81 244.079 72.81C233.061 72.81 227.066 63.0885 227.066 51.7467C227.066 40.4049 233.304 30.6834 244.079 30.6834C250.236 30.6834 254.935 34.329 256.879 39.9189H257.122V16.1011H265.79V71.9999H257.122V63.4935ZM246.914 37.2455C240.19 37.2455 236.383 43.0784 236.383 51.7467C236.383 60.3341 240.19 66.248 246.914 66.248C253.72 66.248 257.446 60.3341 257.446 51.7467C257.446 43.0784 253.72 37.2455 246.914 37.2455Z"
        fill="#fff"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M309.372 59.4429H300.542C299.57 62.6834 297.301 66.248 292.035 66.248C285.878 66.248 281.585 61.9543 281.18 54.5822H310.101C311.316 40.486 303.377 30.6834 291.306 30.6834C279.235 30.6834 272.349 40.567 272.349 51.7467C272.349 62.9265 279.397 72.81 291.468 72.81C301.352 72.81 307.671 67.4632 309.372 59.4429ZM291.306 37.2455C297.22 37.2455 300.704 41.4581 301.271 48.0201H281.261C281.828 41.4581 285.392 37.2455 291.306 37.2455Z"
        fill="#fff"
      />
      <path
        d="M344.284 39.8379C354.816 42.2682 360.082 47.7771 360.082 56.6075C360.082 65.9239 351.008 72.81 338.046 72.81C323.221 72.81 315.201 62.4404 314.309 52.3138H323.788C324.355 59.6049 330.269 65.2758 338.127 65.2758C345.256 65.2758 350.522 62.1973 350.522 57.0125C350.522 52.4758 347.12 50.0454 339.909 48.3442L331.808 46.4809C320.871 43.8885 315.444 38.7847 315.444 31.0075C315.444 21.61 324.679 15.291 335.94 15.291C350.198 15.291 357.489 23.0682 358.461 32.7087H348.983C348.254 26.0657 342.664 22.8252 336.102 22.8252C329.702 22.8252 325.084 25.5796 325.084 30.3594C325.084 34.167 327.92 35.9492 336.183 37.8935L344.284 39.8379Z"
        fill="#fff"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M394.158 63.4935H394.401V71.9999H403.069V31.4936H394.401V39.9189H394.158C392.213 34.329 387.514 30.6834 381.357 30.6834C370.583 30.6834 364.345 40.4049 364.345 51.7467C364.345 63.0885 370.34 72.81 381.357 72.81C387.514 72.81 392.213 69.0834 394.158 63.4935ZM373.661 51.7467C373.661 43.0784 377.55 37.2455 384.112 37.2455C390.674 37.2455 394.725 43.0784 394.725 51.7467C394.725 60.3341 390.674 66.248 384.112 66.248C377.631 66.248 373.661 60.3341 373.661 51.7467Z"
        fill="#fff"
      />
      <path
        d="M420.727 47.6961V71.9999H411.896V31.4936H420.483V39.4328H420.645C422.347 33.7619 426.559 30.6834 432.473 30.6834C441.385 30.6834 445.759 36.7594 445.759 45.6708V71.9999H436.929V48.2632C436.929 40.729 434.256 37.3265 428.828 37.3265C423.4 37.3265 420.727 41.053 420.727 47.6961Z"
        fill="#fff"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M481.879 63.4935H482.122V71.9999H490.79V16.1011H482.122V39.9189H481.879C479.935 34.329 475.236 30.6834 469.079 30.6834C458.304 30.6834 452.066 40.4049 452.066 51.7467C452.066 63.0885 458.061 72.81 469.079 72.81C475.236 72.81 479.935 69.0834 481.879 63.4935ZM461.383 51.7467C461.383 43.0784 465.19 37.2455 471.914 37.2455C478.72 37.2455 482.446 43.0784 482.446 51.7467C482.446 60.3341 478.72 66.248 471.914 66.248C465.19 66.248 461.383 60.3341 461.383 51.7467Z"
        fill="#fff"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M521.329 30.6834C532.104 30.6834 538.342 40.4049 538.342 51.7467C538.342 63.0885 532.347 72.81 521.329 72.81C515.172 72.81 510.473 69.0834 508.529 63.4935H508.286V71.9999H499.618V16.1011H508.286V39.9189H508.529C510.473 34.329 515.172 30.6834 521.329 30.6834ZM518.494 37.2455C511.689 37.2455 507.962 43.0784 507.962 51.7467C507.962 60.3341 511.689 66.248 518.494 66.248C525.218 66.248 529.025 60.3341 529.025 51.7467C529.025 43.0784 525.218 37.2455 518.494 37.2455Z"
        fill="#fff"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M582.489 51.7467C582.489 40.81 574.954 30.6834 562.64 30.6834C550.326 30.6834 542.792 40.81 542.792 51.7467C542.792 62.6834 550.326 72.81 562.64 72.81C574.954 72.81 582.489 62.6834 582.489 51.7467ZM552.109 51.7467C552.109 43.0784 555.916 37.2455 562.64 37.2455C569.445 37.2455 573.253 43.0784 573.253 51.7467C573.253 60.3341 569.445 66.248 562.64 66.248C555.916 66.248 552.109 60.3341 552.109 51.7467Z"
        fill="#fff"
      />
      <path
        d="M602.259 56.2834L591.484 71.9999H581.52L597.074 50.2075L583.545 31.4936H593.509L602.259 44.1315L611.008 31.4936H620.892L607.444 50.1265L622.917 71.9999H613.033L602.259 56.2834Z"
        fill="#fff"
      />
    </svg>
  );
};
